<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="onein" uri="http://www.onein.cn/jsp/taglib"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>用户注册  | 万应教育</title>
<jsp:include page="/WEB-INF/inc/meta.jsp"/>
<link href='<onein:url value="/styles/all.css"/>' type="text/css" rel="stylesheet" />
<script src="<onein:url value="/scripts/jquery.js"/>" type="text/javascript"></script>
<script src="<onein:url value="/scripts/register.js"/>" type="text/javascript"></script>
<script src="<onein:url value="/scripts/My97DatePicker/WdatePicker.js"/>" type="text/javascript"></script>
</head>

<body>
	<jsp:include page="/WEB-INF/inc/header.jsp"/>
    <jsp:include page="/WEB-INF/inc/menu.jsp"/>
<form action="<onein:url value="/register/step2" />" id="registerForm" method="post">
    <div id="bodyWrap">      
   	  <div class="regNav1">
   	    <span class="NavStep1 NavCurrent">1.填写邮箱和密码</span>
   	    <span class="NavStep2">2.选择服务</span>
   	    <span class="NavStep3">3.注册成功</span>
   	  </div>
   	  <h2 style="margin:5px 0 0 75px;font-size:14px">注册新用户</h2>
      <div class="regSelectAgesSelected" id="registerTopDiv" onclick="showTopDivCss();"><!--正常状态css为regSelectAgesNormal-->
   		  <div class="selectType">
            	<span class="typeTitle">请选择当前时期:</span>
                <!-- span class="ml33" style="margin-left:15px;"><input name="sq" id="hyqRadio" type="radio" value="hyq" onclick="radioListener('hyq')" />&nbsp;怀孕期&nbsp;&nbsp;&nbsp;</span -->
                <span style="margin-left:15px;"><input name="sq" type="radio" value="" onclick="radioListener('czq')"/> ０～１岁&nbsp;&nbsp;&nbsp;</span>
                <span><input name="sq" type="radio" value="" onclick="radioListener('czq')" checked="checked"/> １～３岁&nbsp;&nbsp;&nbsp;</span>
                <span><input name="sq" type="radio" value="" onclick="radioListener('czq')"/> ３～６岁</span>
          </div>
          <div class="selectValue" id="hyqtypediv"style="display:none;" >
          		<ul class="regTextWrap">
		            <li class="regTh" style="margin-left:110px;">当前孕周:</li>
		            <li>
		              <select name="currentWeek" style="font-size:14px;height:24px;">
		                <c:forEach var="currWeekValue" begin="4" end="40" step="1">
		                  <option value="${currWeekValue}">第${currWeekValue}周</option>
		                </c:forEach>
		              </select>
		            </li>
		            <li class="regTh" style="margin-left:-20px;">&nbsp;或预产期:</li>
		            <li><input name="birthday" type="text" class="Wdate" onclick="WdatePicker()" style="width:100px;"/></li>
		        </ul>
          </div>
          <div class="selectValue" id="czqtypediv" >
          		<ul class="regTextWrap">
          		   <li class="regTh" style="margin-left:110px;">&nbsp;孩子性别:</li>
		            <li>
		               <input type="radio" name="sextemp" value="0" <c:if test="${sextemp == 0}">checked="checked"</c:if> />女
		               <input type="radio" name="sextemp" value="1" <c:if test="${sextemp == 1}">checked="checked"</c:if> />男
		            </li>
		            <li class="regTh" style="margin-left:-20px;">孩子生日:</li>
		            <li><input name="birthdaytemp" id="czqbirthdayId" value="${birthdaytemp }" type="text" class="Wdate" onclick="WdatePicker()" onblur="loseblur('birthdayInfo')" onfocus="getfocus('birthdayInfo')" style="width:100px;" /></li>
		            <li class="notice" id="birthdayInfo" style="display:none;">请选择孩子生日以提供正确的服务.</li> 
		            <li class="regSatu" id="birthdayError" style="display:none;">孩子生日不能为空,并且必须在0～6岁之间.</li>
		        </ul>
          </div>
      </div>
      <div class="regSelectAgesNormal" id="rigisterBottomDiv" onclick="showBottomDivCss();"><!--更改状态css为regSelectAgesSelected-->
      	<ul class="regTextWrap">
            <li class="regTh" style="margin-left:110px;">电子邮箱:</li>
            <li><input name="email" id="emailId" value="${email }" type="text" maxlength="50" class="textBox" onblur="loseblur('emailInfo')" onfocus="getfocus('emailInfo')"/></li>
            <li class="notice" id="emailInfo" style="display:none;">请填写正确的Email地址,推荐使用QQ邮箱</li> 
            <li class="regSatu" id="emailError" style="display:none;">你填写不是一个合法邮箱.</li>
            <li class="regSatu" id="emailNullError" style="display:none;">电子邮箱不能为空.</li>
            <li class="regSatu" id="emailExistError" style="display:none;">该邮箱已经被注册.</li>
        </ul>
        <ul class="regTextWrap">
            <li class="regTh" style="margin-left:110px;">登陆密码:</li>
            <li>
            	<input name="password" id="passwordId" type="password" maxlength="50" class="textBox" onblur="loseblur('passwordInfo')" onfocus="getfocus('passwordInfo')" />
            </li>
            <li class="notice" id="passwordInfo" style="display:none;">登录密码长度必须大于6,小于50.</li>
            <li class="regSatu" id="passwordError" style="display:none;">登录密码不能为空,并且长度必须大于6,小于50.</li>
            <li class="regSatu" id="passwordLenError" style="display:none;">登录密码长度必须大于6,小于50.</li>
        </ul>
        <ul class="regTextWrap">
            <li class="regTh" style="margin-left:110px;">确认密码:</li>
            <li><input name="confirmPassword" id="confirmPasswordId" type="password" maxlength="50" class="textBox" onblur="loseblur('confirmPasswordInfo')" onfocus="getfocus('confirmPasswordInfo')" /></li>
            <li class="notice" id="confirmPasswordInfo" style="display:none;">确认密码长度必须大于6小于50,且与登录密码一致.</li>
            <li class="regSatu" id="confirmPasswordError" style="display:none;">确认密码与登录密码不一致.</li>
            <li class="regSatu" id="confirmPasswordNullError" style="display:none;">确认密码不能为空.</li>
            <li class="regSatu" id="confirmPasswordLenError" style="display:none;">确认密码长度必须大于6,小于50.</li>
        </ul>
		<div class="fl cl pd11"></div> 
        <div class="ca"></div> 
      </div>    
      <div class="agreen">
   	  <input name="" id="agreeBox" type="checkbox" value="" checked="checked"/>我已阅读并接受<a href="<onein:url value="/terms"/>" target="_blank">服务条款</a> 
      </div>
      <div style="margin-left:50px;margin-top:20px;"><input title="注册万应账号" style="display:inline;" onclick="javascript:registerUser();" name="regBt" class="reg_but_long" value="" type="button"/>&nbsp;&nbsp;<span style="font-size:14px;line-height:26px;">已有帐号? <a style="font-size:14px;" href="<onein:url value="/login"/>">点此登录</a></span></div>
     <div class="ca"></div>
</div>
</form>
<br/><br/><br/><br/><br/><br/>
<jsp:include page="/WEB-INF/inc/footer.jsp"/>
</body>
</html>
